<script src="themes/js/bootstrap_dwz.js"></script>
<link href="themes/css/bootstrap_dwz.css" rel="stylesheet" type="text/css" />
<h2 class="contentTitle">选项卡面板演示</h2>

<div class="pageContent">
	<div class="tabs" currentIndex="1" eventType="click">
		<div class="tabsHeader">
			<div class="tabsHeaderContent">
				<ul>
					<li><a href="javascript:;"><span>标题1</span></a></li>
					<li><a href="javascript:;"><span>标题2</span></a></li>
					<li><a href="demo_page2.html" class="j-ajax"><span>标题3</span></a></li>
				</ul>
			</div>
		</div>
		<div class="tabsContent" style="">
			<div>
<pre>
currentIndex: 0-n	default:0
eventType: click|hover	default:click
</pre>
			</div>
			<div>内容2</div>
			<div></div>
		</div>
		<div class="tabsFooter">
			<div class="tabsFooterContent"></div>
		</div>
	</div>
	
	<div class="div-normal" currentIndex="1" eventType="click">
		<ul class="nav nav-tabs">
		  <li class="active"><a href="#tabs-1">首页</a></li>
		  <li><a href="#tabs-2">Profile</a></li>
		  <li><a href="#tabs-3">Messages</a></li>
		</ul>
		<div id="tabs-1">
			<form onsubmit="return navTabSearch(this);" action="w_tabs.html" method="post">
				<div class="row-fluid">
					<label class="span1 control-label">text输入框:</label>
					<input class="span2" name="name" type="text" size="30" value="" placeholder="请输入客户名称"/>
					<label class="span1 control-label">select选择框:</label>
					<select class="span2" name='number' value=''>
						<option value="1">1</option>
						<option value="2">2</option>
						<option value="3">3</option>
						<option value="4">4</option>
						<option value="5">5</option>
					</select>
					<button class="btn span1" type="button">按钮</button>
					<button class="btn span1" type="submit">搜索</button>
				</div>
			</form>
		</div>
		<div id="tabs-2" class="hide">Profile内容</div>
		<div id="tabs-3" class="hide">Messages内容</div>
	</div>
	
	<p>&nbsp;</p>
	
	<div class="tabs" currentIndex="0" eventType="click">
		<div class="tabsHeader">
			<div class="tabsHeaderContent">
				<ul>
					<li><a href="javascript:;"><span>标题1</span></a></li>
					<li><a href="javascript:;"><span>标题2</span></a></li>
				</ul>
			</div>
		</div>
		<div class="tabsContent" style="height:250px;">
			<div>内容1
				<p>
					<label>客户名称：</label>
					<input name="name" class="required" type="hover" size="30" value="" alt="请输入客户名称"/>
				</p>
			</div>
			<div>
				
				<div class="tabs" currentIndex="0" eventType="click" style="width:300px">
					<div class="tabsHeader">
						<div class="tabsHeaderContent">
							<ul>
								<li><a href="javascript:;"><span>标题1</span></a></li>
								<li><a href="javascript:;"><span>标题2</span></a></li>
							</ul>
						</div>
					</div>
					<div class="tabsContent" style="height:150px;">
						<div>内容1</div>
						<div>内容2</div>
					</div>
					<div class="tabsFooter">
						<div class="tabsFooterContent"></div>
					</div>
				</div>
				
			</div>
		</div>
		
		<div class="tabsFooter">
			<div class="tabsFooterContent"></div>
		</div>
	</div>
</div>